<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="分享内容，享内容，内容，容" />
	<meta name="keywords" content=" " />
	<link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/team-game-home.css">
	<title>股林大会</title>
</head>
<body>
<div id="home" v-cloak>

	<div class="main">
		<div class="niutou">
	    <img src="./images/inprogress/cow.png" alt="">
	  </div>
		<div class="tips">
			<p>大王，选择你心水的团队，</p>
			<p>为荣誉而战斗吧~</p>
		</div>

		<div class="gameInfo">
			<div class="gameTime">
				<p>比赛时间</p>
				<p v-text="">{{filterTime(beginTime, 'MM月DD日')}} - {{filterTime(endTime, 'MM月DD日')}}</p>
			</div>
			<div class="peopleNum">
				<p>比赛人数</p>
				<p>{{attendPerson}}人</p>
			</div>
		</div>

		<div class="earningTrend">
			<div class="header">
				<p>团队平均收益率走势对比</p>
				<p>仅展示昨日Top6团队</p>
			</div>
			<div class="trend" id="trend" ref="chart"></div>
			<div class="my-legend">
				<div
					class="legend-item"
					v-for="(item, index) in nameArr"
					:key="index"
					@click="toggleLegend(index)">
						<span :style="cpuLegendDotStyle(index)"></span>
						<span :style="init ? {opacity: 1} : cpuLegendTextStyle(index)">{{item}}</span>
				</div>
			</div>

		</div>
	</div>

	<div class="download" :style="footerHeight">
		<img src="./images/download.jpg" alt="" @click="download">
	</div>

</div>


<!-- body end -->
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
<script src="./lib/jquery-2.1.3.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="./lib/weixinShare.js"></script>
<script src="./lib/td-h5-website-sdk.js" td-appid="F7C7532A924212E02000152A3006068A"></script>
<script src="https://cdn.bootcss.com/echarts/3.6.2/echarts.min.js"></script>
<script src="./js/team-game-home.js"></script>

</body>
</html>
